<template>
	<view class="content" style="background-color: #f5f6f8">
		<view style="position: fixed;width:100%; z-index: 9999; top:0; padding-top: 34rpx;background-color: #fff;">
			<view class="title-top">
				<view style="margin-left: 30rpx;">
					<uni-icons type="arrowleft" size="22" @click="backPage" />
				</view>
				<view class="shoucang-list">收藏列表页</view>
				<view class="rightText">
					<!-- <image src="/static/img/custom/add.png" class="add-icon"></image><text
					style="font-size: 30rpx;">添加</text> -->
					<view class="delete" v-if="!isshowCancel" @click="isDelete">批量删除</view>
					<view class="quxiao" v-if="isshowCancel" @click="cancel2">取消</view>
				</view>
			</view>
			<tabControl from="shoucang" :current="current" :values="items" :fixed="true" bgc="#fff" :scrollFlag='true'
				:isEqually='true' @clickItem="onClickItem"></tabControl>

		</view>

		<view v-if="current === 0" style="margin-top: 248rpx;">
			<view class="shoucang-kong" v-if="this.newsList.length<=0">
				<image src="/static/img/kong_img.png" class="kong-img"></image>
				<view class="kong-text">您还没有收藏哟~</view>
			</view>
			<view v-else>
				<view v-for="(item, index) in newsList" :key="index" @longpress="longpress(item.id,newsList)"
					@touchend="touchend" class="news-item">

					<view class="title">
						<!-- 招标列表复选框 -->
						<u-checkbox-group style="display: inline-block;">
							<view class="col1" v-if="isshowCheckBox">
								<u-checkbox @change="(e)=>checkboxChange(e,newsList,item)" shape="circle"
									:checked="item.checked" :name="item.id">
								</u-checkbox>
							</view>
						</u-checkbox-group>

						<view class="titwrap">
							<text class="list-badge"></text>
							<text @click="navToDetails(item)"
								:style="isInArray(clickedid,item.id)?'color:gray':''">{{item.title}}</text>
							<view class="infor" @click="navToDetails(item)">{{item.contentText}}</view>
							<view class="bot" @click="navToDetails(item)">
								<view class="bot-text author">
									<image class="type-icon" src="/static/img/home/zb-icon.png"></image>{{item.typeStr}}
								</view>
								<view class="bot-text area">
									<image class="type-icon" src="/static/img/home/diqu-icon.png"></image>{{item.diqu}}
								</view>
								<view class="bot-text time red">
									<image class="type-icon" src="/static/img/home/time-icon.png"></image>
									{{item.sctime}}
								</view>
								<!-- 附件 -->
								<view class="bot-text file" v-if="item.fujian==2">
									<image class="type-icon" src="/static/img/home/fujian.png"></image>附件
								</view>
								<!-- 标书 -->
								<view class="bot-text biaoshu" v-if="item.fujian==1">
									<image class="type-icon" src="/static/img/biaoshu.png"></image> 标书
								</view>
							</view>
						</view>
					</view>
				</view>
				<uni-load-more :status="status" :icon-size="16" :content-text="contentText" />
			</view>
		</view>
		<view v-else>
			<view class="shoucang-kong" v-if="this.xiangmuList.length<=0">
				<image src="/static/img/kong_img.png" class="kong-img"></image>
				<view class="kong-text">您还没有收藏哟~</view>
			</view>
			<view v-else style="margin-top: 248rpx;">
				<view v-for="(item, index) in xiangmuList" :key="index" @longpress="longpress(item.news_id,xiangmuList)"
					@touchend="touchend" class="news-item">

					<view>
						<view class="title">
							<!-- 工程列表复选框 -->
							<u-checkbox-group style="display: inline-block;">
								<view class="col1" v-if="isshowCheckBox">
									<u-checkbox @change="(obj)=>checkboxChange(obj,xiangmuList,item)" shape="circle"
										:checked="item.checked" :name="item.news_id">
									</u-checkbox>
								</view>
							</u-checkbox-group>
							<view class="titwrap" >
								<text class="list-badge"></text>
								<text @click="navToDetails(item)"
									:style="isInArray(clickedid,item.news_id)?'color:gray':''">{{item.title}}</text>
								<view class="xmlist-tag">
									<text class="xmlist-tag-item">{{item.jieduanStr}}</text>
									<text class="xmlist-tag-item xmlist-tag-item-gj">{{item.genjincount}}人跟进</text>
									<text class="xmlist-tag-item">{{item.typeStr}}</text>
								</view>
							</view>
						</view>

						<view class="xmlist-bottom">
							<view class="xmlist-area">
								<image src="/static/img/home/tubiao_17.png"></image> <text>{{item.diqu}}</text>
							</view>
							<view class="xmlist-area">
								<image src="/static/img/home/tubiao_19.png"></image> <text>{{item.sctime}}</text>
							</view>
						</view>
					</view>

				</view>

				<uni-load-more :status="status" :icon-size="16" :content-text="contentText" />
			</view>
		</view>
		<!-- 上滑加载更多组件 -->
		<!-- 批量删除和取消按钮 -->
		<!-- 		<view class="delete" v-if="!isshowCancel">
			<text @click="isDelete">批量删除</text>
		</view>
		<view class="quxiao" v-if="isshowCancel" @click="cancel2">取消</view> -->

		<!-- 取消关注 -->
		<uni-popup ref="showtip" :type="type" :mask-click="false">
			<view class="uni-tip">
				<text class="uni-tip-content">您确定要删除所选项吗？</text>
				<view class="uni-tip-group-button">
					<text class="uni-tip-button" @click="cancel('tip')">取消</text>
					<view class="uni-tip-button">
						<text class="uni-tip-button" @click="queding" style="color: #0099ff;">确定</text>
					</view>
				</view>
			</view>
		</uni-popup>

		<view v-if="isshowCancel" class="footer-btn">
			<u-checkbox-group>
				<view class="quanxuan">
					<u-checkbox shape="circle" :checked="qxboxValue" @change="radioChange" class="qxWrap">
						全选
					</u-checkbox>
				</view>
			</u-checkbox-group>
			<u-button type="primary" @click="quxiaoguanzhu">删除</u-button>
		</view>
	</view>
</template>
<script>
	import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
	import tabControl from '@/components/tabControl-tag/shoucang-tabControl.vue';
	export default {
		components: {
			uniLoadMore,
			tabControl
		},
		data() {
			return {
				qxboxValue: false,
				// 是否显示取消按钮
				isshowCancel: false,
				// 是否显示复选框
				isshowCheckBox: false,
				tabHeight: 50,
				items: [{
						title: '招标',
						num: 0
					},
					{
						title: '工程',
						num: 0
					}
				],
				companys: [],
				current: 0,
				keys: "",
				color: "#FD463E",
				weight: true,
				pagesize: 20,
				zbpageindex: 1,
				gcpageindex: 1,
				newsList: [],
				xiangmuList: [],
				// areas: '',
				types: '',
				time: 0,
				status: 'more',
				contentText: {
					contentdown: '已加载到底',
					contentrefresh: '加载中',
					contentnomore: '没有更多'
				},
				type: '',
				zbflag: false,
				gcflag: false,
				clickedid: [],

				tabVal: 0,
			}
		},
		onLoad() {
			this.checkLogin(1);
			if (this.currUser.islogin)
				this.getList('refresh');
		},
		onUnload() {
			uni.hideNavigationBarLoading(); //关闭加载动画
		},
		onPullDownRefresh() {
			this.getList("refresh");
		},
		onReachBottom() {
			this.getList('add');
		},
		methods: {
			backPage() {
				uni.navigateBack({
					delta: 1
				})
			},
			// 选中某个单选框时，由radio时触发
			radioChange(e) {
				const arr = [];
				// 2024.5.30 uview组件更新，e.value 去掉value
				if (e === true) {
					if (this.tabVal == 0) {
						for (var i = 0; i < this.newsList.length; i++) {
							this.newsList[i].checked = true;
							// arr.push(this.newsList[i].company)
							arr.push(this.newsList[i].id)
						}
					} else {
						for (var i = 0; i < this.xiangmuList.length; i++) {
							this.xiangmuList[i].checked = true;
							// arr.push(this.xiangmuList[i].company)
							arr.push(this.xiangmuList[i].news_id)
						}
					}

					this.companys = arr;

				} else {
					for (var i = 0; i < this.newsList.length; i++) {
						this.newsList[i].checked = false;
					}
					for (var i = 0; i < this.xiangmuList.length; i++) {
						this.xiangmuList[i].checked = false;
					}
					this.companys = [];
				}
			},

			isDelete() {
				this.isshowCheckBox = true;
				this.isshowCancel = true;
			},
			// 长按显示删除事件
			longpress(val, list) {
				this.isshowCheckBox = true;
				this.isshowCancel = true;
				// 选中长按的项
				list.map(item => {
					const ids = list === this.newsList ? item.id : item.news_id;
					if (ids === val) {
						item.checked = true;
						if (!this.companys.includes(val)) {
							this.companys.push(val)
						}
					}
					return item;
				})

				if ((this.companys.length === list.length) && (this.status === "noMore" || list.length < this.pagesize)) {
					this.qxboxValue = true;
				} else {
					this.qxboxValue = false;
				}
			},
			cancel2() {
				this.isshowCheckBox = false;
				this.isshowCancel = false;
				this.qxboxValue = false;
				this.companys = [];

				for (var i = 0; i < this.newsList.length; i++) {
					this.newsList[i].checked = false;
				}
				for (var i = 0; i < this.xiangmuList.length; i++) {
					this.xiangmuList[i].checked = false;
				}
			},

			// 选中某个复选框时，由checkbox时触发
			checkboxChange(param, list, c) {
				// console.log('param', param);
				// console.log("list", list)
				// console.log("c", c)
				
				// 2024.5.30 uview组件更新，param.value 去掉value
				// debugger
				if (param) {
					if (this.tabVal == 0) {
						this.companys.push(c.id)
					} else {
						this.companys.push(c.news_id)
					}

				} else {
					if (this.tabVal == 0) {
						this.companys = this.companys.filter(item => item !== c.id)
					} else {
						this.companys = this.companys.filter(item => item !== c.news_id)
					}
				}
				// console.log("companys2222", this.companys)
				if (this.companys.length) {
					this.isshowCancel = true;
				} else {
					this.isshowCancel = true;
				}
				// console.log(this.companys)
				// 判断点击是否最后一项，如果最后一项选中全选

				if ((this.companys.length === list.length) && (this.status === "noMore" || list.length < this.pagesize)) {
					this.qxboxValue = true;
				} else {
					this.qxboxValue = false;
				}
			},

			getList(type) {
				//type add 加载更多 refresh下拉刷新
				if (type == 'add') {
					if (this.status == "noMore") {
						return;
					}
					this.status = 'loading';
				}
				if (type === 'refresh') {
					this.status = 'more';
					uni.showNavigationBarLoading();
					if (this.current == 0)
						this.zbpageindex = 1;
					else if (this.current == 1)
						this.gcpageindex = 1;
					uni.pageScrollTo({
						scrollTop: 0,
						duration: 100
					});
				}
				// if (this.current == 0 && !this.zbflag) {
				// 	this.zbflag = true;
				// } else if (this.current == 1 && !this.gcflag) {
				// 	this.gcflag = true;
				// }
				let data = this.initNewData();
				data.from = 4038;
				data.location = 8093;
				data.type = this.current;
				data.pagesize = this.pagesize;
				data.zbpage = this.zbpageindex;
				data.gcpage = this.gcpageindex;
				uni.request({
					url: this.baseConfig.serverURL + 'User/shoucang/ListHandler.ashx',
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {

						uni.hideToast();
						if (res.statusCode == 200) {
							if (!res.data.ret) {
								uni.showToast({
									title: res.data.msg,
									icon: "none"
								});
								this.status = "noMore";
								uni.stopPullDownRefresh();
								uni.hideNavigationBarLoading(); //关闭加载动画
								return;
							} else {
								if (res.data.other2.zbcount) {
									this.items[0].num = res.data.other2.zbcount;
								}
								if (res.data.other2.gccount) {
									this.items[1].num = res.data.other2.gccount;
								}

								//获取成功，绑定
								let list = res.data.other2.list;

								if (type === 'refresh') {
									if (this.current == 0)
										this.newsList = []; //刷新前清空数组
									else if (this.current == 1)
										this.xiangmuList = [];
								}

								if (list == undefined || list == '' || list.length <= 0) {
									this.status = "noMore";
									uni.stopPullDownRefresh();
									uni.hideNavigationBarLoading(); //关闭加载动画
									return;
								}

								list.forEach(item => {
									// item.checked = false;
									this.$set(item, 'checked', false)
									item.time = item.time.split('T')[0];
									if (this.current == 0)
										this.newsList.push(item); //刷新前清空数组
									else if (this.current == 1)
										this.xiangmuList.push(item);
								})
								this.status = "more";
								// if (list.length < this.pagesize) {
								// 	this.status = "noMore";
								// }
								if (this.current == 0)
									this.zbpageindex++; //刷新前清空数组
								else if (this.current == 1)
									this.gcpageindex++;

								uni.stopPullDownRefresh(); //得到数据后停止下拉刷新
								uni.hideNavigationBarLoading();
							}
						} else {
							uni.showToast({
								title: '获取数据失败',
								icon: "none"
							});
						}
					},
					fail: (res) => {
						uni.showToast({
							title: '获取数据失败！',
							icon: "none"
						});
					},
				});
			},
			navToDetails(item) {
				if (this.islongPress === false) {
					this.clickedid.push(item.id)
					let url = "";
					let uri = encodeURIComponent(JSON.stringify(item));
					switch (item.type) {
						case 3:
						case 10:
						case 11:
						case 12:
						case 13:
						case 14:
						case 98:
						case 99:
						case 90:
							uni.navigateTo({
								url: '/pages/xiangmu/detail?ly=shoucang&data=' + encodeURIComponent(uri)
							})
							break;
						default:
							uni.navigateTo({
								url: '/pages/zhaobiao/detail?ly=shoucang&data=' + encodeURIComponent(uri)
							})
							break;
					}
				}

			},

			touchend() {
				setTimeout(() => {
					this.islongPress = false;
				}, 200);
			},

			onClickItem(val) {
				if (val == 0) {
					this.tabVal = 0;
				} else {
					this.tabVal = 1;
				}
				// console.log(this.zbflag)
				this.current = val.currentIndex;
				if (this.current == 0) {
					// this.zbflag = true;
					this.getList('refresh');
					// && !this.gcflag
				} else if (this.current == 1) {
					// this.gcflag = true;
					this.getList('refresh');
				}
				// console.log(this.status)

				// 切换时清空复选框的选中状态为false;this.companys等于空数组;隐藏顶部取消按钮和底部按钮,隐藏复选框
				for (var i = 0; i < this.newsList.length; i++) {
					this.newsList[i].checked = false;
				}
				for (var i = 0; i < this.xiangmuList.length; i++) {
					this.xiangmuList[i].checked = false;
				}
				this.isshowCancel = false;
				this.isshowCheckBox = false;
				this.qxboxValue = false;
				this.companys = [];

			},
			quxiaoguanzhu(param) {
				if (!this.isshowCheckBox) {
					this.isshowCheckBox = true;
					return;
				}
				if (this.companys.length === 0) {
					uni.showToast({
						title: "您未选择任何删除项，请选择",
						icon: "none"
					});
					return;
				}
				this.showtank();
			},
			showtank() {
				this.type = 'center';
				// this.$nextTick(() => {
					this.$refs['showtip'].open()
				// })
			},
			cancel(type) {
				this.$refs['show' + type].close()
			},
			queding(param) {
				this.isshowCancel = false;
				let id, news_id, allCancel;
				if (this.qxboxValue === true) {
					id = '';
					news_id = '',
						allCancel = this.current == 0 ? '1' : '2';
				} else {
					// console.log("Companies@@:", this.companys);
					id = this.companys.join(",");
					news_id = this.companys.join(",");
					allCancel = '0'
				}

				let data = this.initNewData();
				data.from = 4038;
				data.location = 8093;
				data.id = this.tabVal == 0 ? id : news_id;
				data.allCancel = allCancel;

				uni.request({
					url: this.baseConfig.serverURL + 'user/shoucang/AddHandler.ashx', //检查更新的服务器地址
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {
						this.companys = [];
						if (res.statusCode == 200) {
							if (!res.data.ret) {
								uni.showToast({
									title: res.data.msg,
									icon: "none"
								});
							} else {
								this.cancel('tip');
								// uni.showToast({
								// 	title: res.data.msg,
								// 	icon: "none"
								// });
								this.isshowCancel = false;
								this.isshowCheckBox = false;
								this.companys = [];
								this.getList('refresh');
							}
						} else {
							// uni.showToast({
							// 	title: '获取失败',
							// 	icon: "none"
							// });
						}
					},
					fail: (res) => {
						// uni.showToast({
						// 	title: '获取失败！',
						// 	icon: "none"
						// });
					}
				})
			},

			isInArray(arr, value) {
				for (var i = 0; i < arr.length; i++) {
					if (value === arr[i]) {
						return true;
					}
				}
				return false;
			}
		}
	}
</script>

<style lang='scss'>
	@import "@/static/css/commonList.scss";
	/* margin-top: 10px; */

	.title-top {
		margin: 0 auto;
		font-size: 36rpx;
		line-height: 40rpx;
		background-color: #fff;
		width: 100%;
		text-align: center;
		z-index: 9999;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 7% 0;
		/* padding-bottom: 6%; */
		/* position: fixed; */
	}

	.shoucang-list {
		width: initial;
		margin-left: 90rpx;
	}

	.footer-btn {
		width: 100%;
		/* height: 97rpx; */
		background-color: #fff;
		flex-direction: row;
		justify-content: space-between;
		padding: 0 4%;
		box-sizing: border-box;
		position: fixed;
		border-top: 1px solid #eee;
		padding: 2% 30rpx;
		bottom: 0;
		display: flex;
		align-items: center;
	}

	.footer-btn button {
		height: 56rpx;
		line-height: 56rpx;
		margin-left: initial;
		margin-right: initial;
		padding: 0;
		width: 20%;
	}



	/* 	.u-size-default[data-v-6e15e680] {
		font-size: 30rpx;
		height: 54rpx;
		line-height: 54rpx;
		width: 20%;

	} */

	/* 提示窗口 */
	.uni-tip {
		/* #ifndef APP-NVUE */
		display: flex;
		flex-direction: column;
		/* #endif */
		padding: 15px;
		width: 300px;
		background-color: #fff;
		border-radius: 10px;
		margin: 0 auto;
	}

	.uni-tip-title {
		margin-bottom: 10px;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		color: #333;
	}

	.uni-tip-content {
		font-size: 36rpx;
		color: #666;
		text-align: center;
		padding-top: 30rpx;
	}

	.uni-tip-group-button {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		margin-top: 30px;
	}

	.uni-tip-button {
		flex: 1;
		text-align: center;
		font-size: 34rpx;
		color: #3b4144;
		padding: 15rpx 0;
	}

	.uni-tip-queren {
		color: #366DE1;
	}

	.delete {
		position: absolute;
		left: 78%;
		/* top: -48%; */
		/* top: 5.8%; */
		z-index: 9999;
		color: #366DE1;
	}

	.quxiao {
		position: absolute;
		left: 86%;
		/* top: -48%; */
		/* top: 5.8%; */
		z-index: 9999;
		color: #366DE1;
	}

	.col1 {
		/* margin-left: -98%;
		position: relative;
		top: 100%; */
		margin-top: 1%;
		margin-right: 10rpx;
	}

	.titwrap {
		display: inline;
	}

	.titwrap .list-badge {
		width: 14rpx;
		height: 14rpx;
		border-radius: 20rpx;
		background-color: #fa6551;
		display: inline-block;
		margin-right: 20rpx;
		vertical-align: middle;
		margin-top: -8rpx;
		flex: none;
	}

	.search-box {
		background-color: #5987e6;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		padding: 0rpx 15rpx;
		border-radius: 10rpx;
		width: 100%;
		height: 34px;

		.search-input {
			font-size: 24rpx;
			color: #fff;
			margin-left: 20rpx;
			width: 100%;
		}

		.search-logo {
			width: 143rpx;
			height: 26rpx;
		}
	}

	/* 顶部tabbar */
	.nav-bar {
		position: relative;
		z-index: 10;
		height: 90upx;
		white-space: nowrap;
		background-color: #2f69e0;

		.nav-item {
			display: inline-block;
			width: 150upx;
			height: 90upx;
			text-align: center;
			line-height: 90upx;
			font-size: 30upx;
			color: #fff;
			position: relative;

			&:after {
				content: '';
				width: 0;
				height: 0;
				border-bottom: 4upx solid #fff;
				position: absolute;
				left: 50%;
				bottom: 0;
				transform: translateX(-50%);
				transition: .3s;
			}
		}

		.current {
			color: #fff;

			&:after {
				width: 50%;
			}
		}
	}

	.swiper-box {
		height: 100%;
	}

	.panel-scroll-box {
		height: 100%;

		.panel-item {
			background: #fff;
			padding: 30px 0;
			border-bottom: 2px solid #000;
		}
	}

	/* view {
		display: flex;
		flex-direction: column;
	} */
	.news-item {
		.bot{
			justify-content: initial;
			.bot-text{
				margin-right: 10rpx;
				display: flex;
				align-items: center;
			}
		}
	}

	.shengjiFix {
		position: fixed;
		bottom: 100rpx;
		left: 6%;
		z-index: 999;

		image {
			width: 163rpx;
			height: 145rpx;
		}
	}

	.backTop {
		position: fixed;
		bottom: 100rpx;
		right: 6%;
		z-index: 999;

		image {
			width: 94rpx;
			height: 92rpx;
		}
	}

	.fufeidiqu {
		position: fixed;
		bottom: 230rpx;
		right: 6%;
		z-index: 999;
		width: 92rpx;
		padding: 10rpx;
		height: 92rpx;
		border-radius: 92rpx;
		background-color: #fa6551;
		box-sizing: border-box;
		color: #fff;
		box-shadow: 0 0 16rpx rgba($color: #ffbeb7, $alpha: 0.75);
		font-size: 26rpx;
		text-align: center;
		line-height: 35rpx;

	}

	.xmlist-tag {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;

		.xmlist-tag-item {
			padding: 10rpx;
			font-size: 24rpx;
			background-color: #eff0f5;
			color: #5f6b93;
			border-radius: 8rpx;
			margin-right: 10rpx;
		}

		.xmlist-tag-item-gj {
			background-color: #eaf2ff;
			color: #306ae0;
		}
	}

	.qxWrap {
		flex-direction: row;
	}

	.xmlist-bottom {
		margin-top: 20rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		border-top: 1px solid #efefef;
		padding-top: 20rpx;

		.xmlist-area {
			color: #a4a4a4;
			font-size: 28rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
			margin-right: 20rpx;

			image {
				width: 40rpx;
				height: 39rpx;
				margin-right: 10rpx;
			}
		}
	}

	.searchFilter {
		display: flex;
		flex-direction: column;
		position: fixed;
		width: 100%;
		z-index: 10;

		.Filter-tab {
			display: flex;
			flex-direction: row;
			align-items: center;
			background-color: #fff;
			height: 80rpx;

			.Filter-tab_item {
				width: 33%;
				display: flex;
				flex-direction: row;
				font-size: 28rpx;
				align-items: center;
				justify-content: center;

				.Filter-text {
					white-space: nowrap;
					width: 46%;
					text-overflow: ellipsis;
					overflow: hidden;
				}

				.Filter-arrowdown {
					width: 0;
					height: 0;
					border-left: 10rpx solid transparent;
					border-right: 10rpx solid transparent;
					border-top: 10rpx solid #c0c0c0;
					margin-left: 10rpx;
				}
			}

			.on {
				color: #2f69e0;

				.Filter-arrowdown {
					border-top: 10rpx solid #2F69E0;
				}
			}
		}
	}

	.timeType {
		background-color: #fff;

		.timeType-title {
			font-size: 26rpx;
			padding: 30rpx 30rpx;
			display: flex;
			flex-direction: row;
		}

		.timeType-item {
			display: flex;
			flex-direction: column;

			.timeType-bage {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				margin-left: 20rpx;

				.timeType-item-default {
					background-color: #f8f8fa;
					border-radius: 8rpx;
					width: 160rpx;
					height: 60rpx;
					display: flex;
					align-items: center;
					font-size: 24rpx;
					justify-content: center;
					color: #6b6b6b;
					margin: 15rpx 10rpx;
				}

				.timeType-item-active {
					background-color: #eaf2ff;
					color: #2f69e0;
				}
			}
		}
	}

	.search-top {
		position: fixed;
		z-index: 10;
		width: 100%;
	}

	.uni-list {
		position: relative;
		width: 100%;
	}

	.searchList-warp {
		position: relative;
		margin-top: 116rpx;
	}

	.xmlist-tag {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		margin-top: 20rpx;

		.xmlist-tag-item {
			padding: 10rpx;
			font-size: 24rpx;
			background-color: #eff0f5;
			color: #5f6b93;
			border-radius: 8rpx;
			margin-right: 10rpx;
		}

		.xmlist-tag-item-gj {
			background-color: #eaf2ff;
			color: #306ae0;
		}
	}

	.xmlist-bottom {
		margin-top: 20rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		border-top: 1px solid #efefef;
		padding-top: 20rpx;

		.xmlist-area {
			color: #a4a4a4;
			font-size: 28rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
			margin-right: 20rpx;

			image {
				width: 40rpx;
				height: 39rpx;
				margin-right: 10rpx;
			}
		}
	}


	.shoucang-kong {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 25%;
		width: 100%;

		.kong-img {
			width: 420rpx;
			height: 212rpx;
			margin: 50rpx 0;
		}

		.kong-text {
			color: #615f60;
			font-size: 32rpx;
		}

	}

	.rightText {
		font-size: 32rpx;
		width: 160rpx;
		box-sizing: border-box;
		color: #366DE1;
		display: flex;
		text-align: right;
		justify-content: flex-end;
	}

	::v-deep .uni-navbar__header-btns {
		padding: 0;
		margin: 0;
		padding-right: 20rpx;
	}

	::v-deep .uni-navbar__header-container {
		width: initial;

	}

	page {
		background-color: #f5f6f8;
	}
</style>
<style>
	/* .pages-user-shoucang-shoucangList uni-page-wrapper{
		
	} */
</style>